import React from 'react'
import { render } from 'react-dom'

// 类组件(class 组件)
class App extends React.Component {
  // constructor(props) {
  //   super(props)
  //   // this.props = props
  // }
  render() {
    return (
      <>
        <h1 title={this.props.title}>{this.props.title}</h1>
        <h2>{this.props.subtitle}</h2>
      </>
    )
  }
}

// 注意，无论是函数组件还是类组件，都必须要求组件名
// 首字母大写

// 创建组件对象
// const app = new App({
//   title: '主标题',
//   subtitle: '副标题'
// })

// ReactDOM.render()
render(
  // app.render(),
  <App title="主" subtitle="副" />,
  document.getElementById('root')
)
